<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "申请理赔");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
	.tab li{
		min-width:120px;
		width:50%;
	}
	a{
		color:#000;
	}
	.claim-green-pipe .weui-grid{
		width:50%;
		padding: 5px 0px;
	}
</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>
<div>
	<div class="tab-container" data-id="claim-container" id="claim-tab">
		<ul class="tab tab-horizontal" style="">
			<li data-id="tab1" class="active">
				<span>理赔须知</span>
			</li>
			<li data-id="tab2" class="">
				<span>绿色通道</span>
			</li>
		</ul>
	</div>
</div>
<div id="claim-container">
	<div class="tab-content active" id="tab1">
		<div>
			<img style="width:100%;display: block;" src="<c:url value='/images/we/claim/claim2.png' />" />
		</div>
		<div>
			<div style="text-align: center;">
				<span style="width:8rem;display: inline-block;font-size: 1.0rem;font-weight: 800;border-bottom: 0.08rem solid #ea693f;color:#ea693f;letter-spacing: 0.2rem;padding-top: 0.3rem;">理赔流程</span>
			</div>
			<div>
				<div class="swiper-container">
				  <div class="swiper-wrapper">
				    <div class="swiper-slide"><img style="width:100%;" src="<c:url value='/images/we/claim/claim_process1.png' />" alt=""></div>
				    <div class="swiper-slide"><img style="width:100%;" src="<c:url value='/images/we/claim/claim_process2.png' />" alt=""></div>
				  </div>
				  <div class="swiper-pagination" style="text-align: center;bottom:0px;"></div>
				</div>
			</div>
		</div>
		<div style="width:100%;height:16px;background-color: #ebebeb;margin-top: 10px;"></div>
		<div style="margin-top: 15px;">
			<div style="text-align: center;">
				<span style="width:8rem;display: inline-block;font-size: 1.0rem;font-weight: 800;border-bottom: 0.08rem solid #ea693f;color:#ea693f;letter-spacing: 0.2rem;padding-top: 0.3rem;">客服电话</span>
			</div>
			<div style="margin-top: 5px;margin-bottom: 20px;padding: 0.9rem 0.4rem 1.5rem 0.4rem;">
				<div class="weui-flex">
					<div class="weui-flex__item" style="padding: 0.1rem 0rem;margin-right: 0.2rem;">
						<a href="tel:4006912345">
					  		<div style="border:1px solid #eee;padding: 0.1rem 0.1rem;">
					  			<div style="border:1px solid #eee;width:2.8rem;height:2.1rem;border-radius:50%;display: inline-block;padding-top: 0.7rem;vertical-align: middle;">
					  				<img style="width:100%;" src="<c:url value='/images/we/claim/1506692593682.png' />" />
					  			</div>
					  			<div style="display: inline-block;font-size: 0.8rem;margin-left: 0.4rem;letter-spacing: 0.01rem;vertical-align: middle;">
					  				<div>横琴人寿</div>
					  				<div style="font-size: 0.7rem;color:#919191;">4006912345</div>
					  			</div>
					  		</div>
				  		</a>
					</div>
				  	<div class="weui-flex__item" style="padding: 0.1rem 0rem 0.2rem 0rem;margin-left: 0.2rem;">
						<a href="tel:95500">
					  		<div style="border:1px solid #eee;padding: 0.1rem 0.1rem;">
					  			<div style="border:1px solid #eee;width:2.8rem;height:2.1rem;border-radius:50%;display: inline-block;padding-top: 0.7rem;vertical-align: middle;">
					  				<img style="width:100%;" src="<c:url value='/images/we/claim/1506692602636.png' />" />
					  			</div>
					  			<div style="display: inline-block;font-size: 0.8rem;margin-left: 0.4rem;letter-spacing: 0.01rem;vertical-align: middle;">
					  				<div>太平洋财险</div>
					  				<div style="font-size: 0.7rem;color:#919191;">95500</div>
					  			</div>
					  		</div>
				  		</a>
					</div>
				</div>
				<div class="weui-flex">
					<div class="weui-flex__item" style="padding: 0.1rem 0rem;margin-right: 0.2rem;">
						<a href="tel:95510">
					  		<div style="border:1px solid #eee;padding: 0.1rem 0.1rem;">
					  			<div style="border:1px solid #eee;width:2.8rem;height:2.1rem;border-radius:50%;display: inline-block;padding-top: 0.7rem;vertical-align: middle;">
					  				<img style="width:100%;" src="<c:url value='/images/we/claim/1506692620402.png' />" />
					  			</div>
					  			<div style="display: inline-block;font-size: 0.8rem;margin-left: 0.4rem;letter-spacing: 0.01rem;vertical-align: middle;">
					  				<div>阳光财险</div>
					  				<div style="font-size: 0.7rem;color:#919191;">95510</div>
					  			</div>
					  		</div>
				  		</a>
					</div>
				  	<div class="weui-flex__item" style="padding: 0.1rem 0rem 0.2rem 0rem;margin-left: 0.2rem;">
						<a href="tel:95518">
					  		<div style="border:1px solid #eee;padding: 0.1rem 0.1rem;">
					  			<div style="border:1px solid #eee;width:2.8rem;height:2.1rem;border-radius:50%;display: inline-block;padding-top: 0.7rem;vertical-align: middle;">
					  				<img style="width:100%;" src="<c:url value='/images/we/claim/1506692630481.png' />" />
					  			</div>
					  			<div style="display: inline-block;font-size: 0.8rem;margin-left: 0.4rem;letter-spacing: 0.01rem;vertical-align: middle;">
					  				<div>人保寿险</div>
					  				<div style="font-size: 0.7rem;color:#919191;">95518</div>
					  			</div>
					  		</div>
				  		</a>
					</div>
				</div>
				<div class="weui-flex">
					<div class="weui-flex__item" style="padding: 0.1rem 0rem;margin-right: 0.2rem;">
						<a href="tel:95567">
					  		<div style="border:1px solid #eee;padding: 0.1rem 0.1rem;">
					  			<div style="border:1px solid #eee;width:2.8rem;height:2.1rem;border-radius:50%;display: inline-block;padding-top: 0.7rem;vertical-align: middle;">
					  				<img style="width:100%;" src="<c:url value='/images/we/claim/1506692640481.png' />" />
					  			</div>
					  			<div style="display: inline-block;font-size: 0.8rem;margin-left: 0.4rem;letter-spacing: 0.01rem;vertical-align: middle;">
					  				<div>新华保险</div>
					  				<div style="font-size: 0.7rem;color:#919191;">95567</div>
					  			</div>
					  		</div>
				  		</a>
					</div>
				  	<div class="weui-flex__item" style="padding: 0.1rem 0rem 0.2rem 0rem;margin-left: 0.2rem;">
						<a href="tel:95511">
					  		<div style="border:1px solid #eee;padding: 0.1rem 0.1rem;">
					  			<div style="border:1px solid #eee;width:2.8rem;height:2.1rem;border-radius:50%;display: inline-block;padding-top: 0.7rem;vertical-align: middle;">
					  				<img style="width:100%;" src="<c:url value='/images/we/claim/1506692653388.png' />" />
					  			</div>
					  			<div style="display: inline-block;font-size: 0.8rem;margin-left: 0.4rem;letter-spacing: 0.01rem;vertical-align: middle;">
					  				<div>中国平安</div>
					  				<div style="font-size: 0.7rem;color:#919191;">95511</div>
					  			</div>
					  		</div>
				  		</a>
					</div>
				</div>
				<div class="weui-flex">
					<div class="weui-flex__item" style="padding: 0.1rem 0rem;margin-right: 0.2rem;">
						<a href="tel:95519">
					  		<div style="border:1px solid #eee;padding: 0.1rem 0.1rem;">
					  			<div style="border:1px solid #eee;width:2.8rem;height:2.1rem;border-radius:50%;display: inline-block;padding-top: 0.7rem;vertical-align: middle;">
					  				<img style="width:100%;" src="<c:url value='/images/we/claim/1506692667060.png' />" />
					  			</div>
					  			<div style="display: inline-block;font-size: 0.8rem;margin-left: 0.4rem;letter-spacing: 0.01rem;vertical-align: middle;">
					  				<div>中国人寿</div>
					  				<div style="font-size: 0.7rem;color:#919191;">95519</div>
					  			</div>
					  		</div>
				  		</a>
					</div>
				  	<div class="weui-flex__item" style="padding: 0.1rem 0rem 0.2rem 0rem;margin-left: 0.2rem;">
						<a href="tel:95522">
					  		<div style="border:1px solid #eee;padding: 0.1rem 0.1rem;">
					  			<div style="border:1px solid #eee;width:2.8rem;height:2.1rem;border-radius:50%;display: inline-block;padding-top: 0.7rem;vertical-align: middle;">
					  				<img style="width:100%;" src="<c:url value='/images/we/claim/1506692674467.png' />" />
					  			</div>
					  			<div style="display: inline-block;font-size: 0.8rem;margin-left: 0.4rem;letter-spacing: 0.01rem;vertical-align: middle;">
					  				<div>泰康人寿</div>
					  				<div style="font-size: 0.7rem;color:#919191;">95522</div>
					  			</div>
					  		</div>
				  		</a>
					</div>
				</div>
				<div class="weui-flex">
					<div class="weui-flex__item" style="padding: 0.1rem 0rem;margin-right: 0.2rem;">
						<a href="tel:95515">
					  		<div style="border:1px solid #eee;padding: 0.1rem 0.1rem;">
					  			<div style="border:1px solid #eee;width:2.8rem;height:2.1rem;border-radius:50%;display: inline-block;padding-top: 0.7rem;vertical-align: middle;">
					  				<img style="width:100%;" src="<c:url value='/images/we/claim/1506692681967.png' />" />
					  			</div>
					  			<div style="display: inline-block;font-size: 0.8rem;margin-left: 0.4rem;letter-spacing: 0.01rem;vertical-align: middle;">
					  				<div>合众人寿</div>
					  				<div style="font-size: 0.7rem;color:#919191;">95515</div>
					  			</div>
					  		</div>
				  		</a>
					</div>
				  	<div class="weui-flex__item" style="padding: 0.1rem 0rem 0.2rem 0rem;margin-left: 0.2rem;">
						<a href="tel:95505">
					  		<div style="border:1px solid #eee;padding: 0.1rem 0.1rem;">
					  			<div style="border:1px solid #eee;width:2.8rem;height:2.1rem;border-radius:50%;display: inline-block;padding-top: 0.7rem;vertical-align: middle;">
					  				<img style="width:100%;" src="<c:url value='/images/we/claim/1506692689155.png' />" />
					  			</div>
					  			<div style="display: inline-block;font-size: 0.8rem;margin-left: 0.4rem;letter-spacing: 0.01rem;vertical-align: middle;">
					  				<div>天安保险</div>
					  				<div style="font-size: 0.7rem;color:#919191;">95505</div>
					  			</div>
					  		</div>
				  		</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="tab-content" id="tab2">
		<div>
			<img style="width:100%;" src="<c:url value='/images/we/claim/claim22.png' />" />
		</div>
		<div style="margin-top: -7px">
			<div class="weui-flex" style="padding-top:10px;text-align: center;background-image: url('<c:url value='/images/we/claim/claimnav.png' />')">
				<div  class="weui-flex__item"> 
					<a href="<c:url value='/wechat/claim/applyForClaim/applyforClaim' />"/>
						<div style="">
							<img style="width:1.5rem;" src="<c:url value='/images/we/claim/channer1.png' />" />			
						</div>
						<div style="color:#fff;font-size:0.8rem;">					
					  		<span style="">申请理赔</span>				  		
						</div>
				</div> 

				<div href="" class="weui-flex__item"> 
					<a href="<c:url value='/wechat/claim/applyForClaim/myClaim' />"/>
						<div style="">
							<img style="width:1.5rem;" src="<c:url value='/images/we/claim/channel2.png' />" />			
						</div>
						
						<div style="color:#fff;font-size:0.8rem;">						
					  		<span style="">我的理赔</span>				  		
						</div>					
				</div>
			
			</div>
		</div>
	</div>
</div>


<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>
<script src="<c:url value='/plugins/jqweui/js/swiper.min.js'/>" type="text/javascript"></script>




<script type="text/javascript">
$(function(){
	$(".swiper-container").swiper({
		pagination: '.swiper-pagination',
	    paginationClickable: true,
		autoplay:10000
	});
});

	
</script>


<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>